body, div, span, header, footer, nav, section, aside, article, ul, ol, dl, dt, dd, li, a, p, h1, h2, h3, h4, h5, h6, i, b, textarea, button, input, select, figure, figcaption, img, label {
  padding: 0;
  margin: 0;
  list-style: none;
  font-style: normal;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  line-height: 1;
  font-family: PingFangSC-Regular, sans-serif;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
}

button, input, textarea, select {
  -webkit-appearance: none;
  outline: none;
}

/* 左浮动 */
.fl {
  float: left !important;
}

/* 右浮动 */
.fr {
  float: right !important
}

/* 清除浮动 */
.clear:after {
  content: '';
  display: block;
  clear: both;
}

.clear {
  zoom: 1;
}

/* 单行文本溢出 */
.one-txt-cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

/* 多行文本溢出 */
.txt-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

/* 文字居中 */
.ac {
  text-align: center;
}

/* 文字居右 */
.ar {
  text-align: right;
}

/* 弹性盒子 */
.flex {
  display: flex;
}

/* 自适应剩余宽度 */
.flex-1 {
  flex: 1;
}

/* 向上对齐 */
.vt {
  display: flex;
  align-items: flex-start;
}

/* 垂直居中 */
.vc {
  display: flex;
  align-items: center;
}

/* 向下对齐 */
.vb {
  display: flex;
  align-items: flex-end;
}

/* 两端对齐 */
.hb {
  display: flex;
  justify-content: space-between;
}

/* 左右居中对齐 */
.ha {
  display: flex;
  justify-content: space-around;
}

::-webkit-scrollbar {
  display: none;
}

img {
  display: block;
  width: 100%;
}

body {
  background: #fff;
  max-width: 640px;
  margin: 0 auto;
}

/*筛选框显示固定body*/
.body-fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

.top-bar + .content {
  padding-top: .5rem;
}

/* 使用帮助部分公用 */
.help-explain {
  padding: .2rem 5% .5rem;
}

.help-explain h2 {
  font-weight: normal;
  color: #555;
  margin-bottom: .15rem;
  font-size: .16rem;
}

.help-explain p {
  color: #555;
  font-size: .14rem;
  line-height: .20rem;
  margin-bottom: .15rem;
}

/*分类和排序选择下拉框*/
.classify-list-1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  font-size: .18rem;
  color: #fff;
}

.classify-list-1 ul {
  position: absolute;
  top: .58rem;
  left: 50%;
  width: 1.66rem;
  margin-left: -.83rem;
  padding: .08rem .08rem 0;
  background: rgba(85, 85, 85, .9);
}

.classify-list-1 li {
  height: .3rem;
  line-height: .28rem;
  padding-left: .12rem;
  margin-bottom: .08rem;
}

.classify-list-1 li.active {
  background: rgba(255, 255, 255, .2);
}

.classify-list-1 span {
  position: absolute;
  top: -.16rem;
  left: 50%;
  margin-left: -.08rem;
  border: .08rem solid transparent;
  border-bottom-color: rgba(85, 85, 85, .9);
}

/*登录注册*/
.form {
  padding: .15rem .2rem;
}

.form > div:not(:last-child) {
  margin-bottom: .1rem;
}

.form label, .form input {
  display: block;
  font-size: .17rem;
  height: .38rem;
  line-height: .38rem;
  background: #f6f6f6;
}

.form label {
  padding: 0 .12rem 0 .16rem;
  border-radius: .05rem 0 0 .05rem;
}

.form input {
  padding-right: .16rem;
  flex: 1;
  border-radius: 0 .05rem .05rem 0;
}

.btn-group .btn {
  font-size: .18rem;
  margin: 0 .2rem;
  height: .38rem;
  line-height: .36rem;
  border: 1px solid #000;
  border-radius: .05rem;
  background: #000;
  color: #fff;
}

.btn-group .btn.btn2 {
  background: #fff;
  color: #000;
}

.btn-group .tips {
  color: #8e8e8e;
  font-size: .12rem;
  margin: .36rem 0 .12rem;
}

/*吐司提示*/
.toast-alert {
  position: fixed;
  top: 60%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  padding: 0 .2rem;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  font-size: .16rem;
  height: .4rem;
  line-height: .4rem;
  border-radius: .08rem;
  max-width: 80%;
}
